body {
     font-family: helvetica;
     margin:0em;
     padding:0em;
}

#background { 
     background-image: url('images/bj.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
}

#content {
     display:inline-block;
     height:100%;
     position:absolute;
     padding-right:5em;
     opacity:1.0;
}

#musicList {
     margin-left:1em;
     margin-top:5em;
     padding:1em;
     width: 24em;
     height:40em;
	 overflow:hidden;
}
#play-queue-wrapper {
	overflow:hidden;
     height:40em;
}
#play-queue {
	overflow:auto;
     height:40em;
}
.transparentBg {
     background-color: white;
	 opacity: 1;
}

.thumb {
     max-height: 2.5em;
     padding-left:1.5em;
}

.playlist td {
     padding-right:1.25em;
     padding-left:1.25em;
     padding-bottom:.5em;
     font-size: 1.1em;
}

#navigation-bar {
     width: 240px;
     left: 500px;
     bottom: 1em;
     position: absolute;
     height: 2.5em;
     padding:0.5em;
	 float:left;
}

.navigation-button{
     float: left;
     width: 2.5em;
     text-align: center;
     padding-left:.5em;
}

.navigation-button img{
     height:2.5em;
}

#settings-button {
     position: absolute;
     bottom: 1.25em;
     left: 2em;
     height: 2.5em;
     width: 40px;
     padding:.25em;
	 float:left;
}

#settings-icon {
     max-height: 2.5em;
}

#cloud-button {
     position: absolute;
     bottom: 1.25em;
     left:1100px;
     height: 2.5em;
     width: 40px;
     padding:.25em;
	 float:left;
}

#cloud-icon {
     max-height: 2.5em;
}

#back-button {
     position: fixed;
     top: 1.25em;
     left: 2em;
     height: 2.5em;
     width: auto;
     padding:.25em;
}

#back-icon {
     max-height: 2.5em;
}

h3 {
     margin:0px;
     margin-bottom:10px;
}

h2 {
     margin:0px;
     padding:0px;
}

.album-art {
     margin-left: auto;
     margin-right: auto;
     display:block;
     width:75%;
     margin-top:20px;
}

.centreText {
     text-align: center;
}

a {text-decoration: none; color:black;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

.green{
background-color:green;
}

label {
     display:block;
     padding:20px;
}

label.ui-selecting {
//	background:#ffa540;
}

.blue {
	background-color:#008fff;
}

.selectable-h:hover {
	background-color:#b2ddff;
}

.selectable-a:active {
	background-color:#008fff;
}

.selecting {
	background-color:#ffa540;
}

#player-buttons {
     margin-top:20px;
}
#player-buttons td, th{
     padding:10px;
     border: 1px solid black;
     width: 10em;
     text-align: center;
}
#news {
     margin-top:20px;
     padding:10px;
     border:2px solid #008fff;
}

#news p {
     margin-left:auto;
     margin-right:auto;
}

.artist {
     font-weight: bold;
     font-size: 150%;
     color: #002E52;
     padding-bottom:0;
     margin-bottom:0;
}

.song {
     color: #008fff;
     font-size: 200%;
     font-weight: bold;
     margin:0;
     padding:0;
}

.album {
     margin:0;
     padding:0;
     font-size: 100%;
     font-weight:light;
     
}
.record-label {
     margin:0;
     padding:0;
     font-size: 90%;
     font-weight:light;
     
}
#settings-confirm {
     width:100%;
     text-align: center;
     margin-top:10px;
}

#settings-confirm td {
     border:1px solid #008FFF;
     padding:10px;
}

.tooltips {
     font-weight: lighter;
     font-style: italic;
     padding-left:10px;
     padding-right:10px;
     font-size:90%;
     color: #002E52;
     padding-bottom:0px;
}
ul{
     margin:0px;
     padding:0px;
}
li {
     list-style: none;
     padding-top: 15px;
     height: 40px;

}
.queue-list-item {
     padding-left:20px;
     width: 310px;
     height: 40px;
     float: left;
     margin: 0px 5px 10px 5px;
     text-align: left;
     -webkit-box-shadow: inset 0 2px 1px #eee, 0 1px 1px #eee;
     -moz-box-shadow: inset 0 2px 1px #eee, 0 1px 1px #eee;
     box-shadow: inset 0 1px 1px #eee, 0 1px 1px #eee;
     
}
.queue-list-item img {
     width: 40px;
     height: 40px;
     float: left;
     margin-right:10px;
}

.queue-list-item h3 {
     font-size:100%;
     font-weight:bold;
     padding:0px;
     margin:0px;
}

.queue-list-item p {
     font-size:100%;
     font-weight:normal;
     padding:0px;
     margin:0px;
}

#news-image {
     width:60%;
     padding-right:5px;
}

#news-text {
     font-size: small;
}


#news-signature {
     font-size: small;
     font-style: italic;
}